<template>
	<view>
		<u-subsection :list="list" :current="current" @change="sectionChange"></u-subsection>
		
		<view class="u-page">
			<u-list @scrolltolower="scrolltolower">
				<u-list-item v-for="(order,index) in orders" :key="order.id">
					<u-cell :title="`订单号：${order.id}`" :label="`状态：${order.status}`">
						<u-avatar slot="icon" shape="square" size="35" src="item.url" customStyle="margin: -3px 5px -3px 0"></u-avatar>
					</u-cell>
				</u-list-item>
			</u-list>
		</view>
		<u-button class="fixed-bottom" type="primary" @click="acceptAllOrders">一键接受所有订单</u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			keyword: '',
			list: ['未接受', '已接受'],
			current: 0,
			formData: {
				title: ''
			},
			orders: [
				{ id: 'O-10001', status: '未接受', user: '张三', totalAmount: 500 },
				{ id: 'O-10002', status: '已接受', user: '李四', totalAmount: 1200 },
				{ id: 'O-10003', status: '未接受', user: '王五', totalAmount: 300 }
			],
			teamMembers: [{ id: 1, name: '成员A' }, { id: 2, name: '成员B' }]
		};
	},
	methods: {
		clickAtion(e) {
			console.log(e);
		},
		navigateToSetting() {
			// 导航到团队设置页面
		},
		navigateToMemberDetail(id) {
			// 导航到成员详情页面
		},
		sectionChange(index) {
				this.current = index;
			}
	}
};
</script>1

<style scoped>
.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
</style>
